@layout("/common/_vue_container.html"){
<div id="app" v-cloak v-loading="fullscreenLoading" style="height:100%;">
    <div class="main_content">
        <div v-loading="screenLoading">
            <div class="remind_title2">
                产品明细
                <el-button
                        type="primary"
                        size="small"
                        class="product-new-button"
                        v-on:click="backList"
                        icon="el-icon-back"
                >
                    返回
                </el-button>
                <el-button
                        type="primary"
                        size="small"
                        class="product-new-button"
                        v-on:click="toEditPage"
                        icon="el-icon-edit"
                >
                    编辑
                </el-button>
                <el-button
                        type="primary"
                        size="small"
                        class="product-new-button"
                        v-on:click="toCreatePage"
                        icon="el-icon-plus"
                >
                    新增
                </el-button>
            </div>
            <el-row :gutter="20">
                <el-col :span="12">
                    <div class="detail_content">
                        <span class="detail_content_internal">
                            名称：{{productDetail.productName}}
                        </span>
                    </div>
                    <div class="detail_content">
                        <span class="detail_content_internal">
                            借款额度(元)：{{productDetail.minLoanAmount}} - {{productDetail.maxLoanAmount}}
                        </span>
                    </div>
                    <div class="detail_content">
                        <span class="detail_content_internal">
                            借款期限(天)：{{productDetail.minLoanTerm}} - {{productDetail.maxLoanTerm}}
                        </span>
                    </div>
                    <div class="detail_content">
                        <span class="detail_content_internal">
                            借款日利率(%)：{{productDetail.dayLoanRate}}
                        </span>
                    </div>
                    <div class="detail_product_content" style="margin-bottom: 10px;">
                            产品申请H5页面：{{productDetail.productH5Url}}
                    </div>
                    <div style="font-size: 16px;">申请流程</div>
                    <div class="detail_content" v-for="item in productDetail.applyFlowList" :key="item.itemNo">
                        <span class="detail_content_internal">
                            {{item.itemNo}}、{{item.val}}
                        </span>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div style="height: 40px;line-height: 40px;font-size: 16px;">产品图标</div>
                    <div>
                        <img class="img_content" :src="productDetail.productIconUrl">
                    </div>
                    <div class="detail_product_label">产品特色(买点)</div>
                    <div class="detail_product_content">{{productDetail.productSellPoint}}</div>
                    <div class="detail_product_label">申请条件</div>
                    <div class="detail_product_content">{{productDetail.applyCondition}}</div>
                    <div class="detail_product_label">审核说明</div>
                    <div class="detail_product_content">{{productDetail.auditDetail}}</div>
                    <div class="detail_product_label">产品介绍</div>
                    <div class="detail_product_content">{{productDetail.productIntroduce}}</div>
                </el-col>
            </el-row>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/cash/product/product_detail.js"></script>
@}

